<template>
  <div class="TopNav">
    <div class="Top_left"><span class="icon-list2"></span></div>
    <div class="Top_concent">
        <span>我的</span><span>发现</span><span>云村</span><span>视频</span>
    </div>
    <router-link to="/search">
    <div class="Top_right"><span class="icon-search"></span></div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: "TopNav",
  methods: {
   
  }
}
</script>

<style scoped>

.TopNav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 1rem;
    align-items: center;
    padding: 0 .2rem;
}
.Top_concent {
    display: flex;
    width: 70%;
    justify-content: space-around;
}
</style>